<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>滚动条美化</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
<table>
    <colgroup>
        <col span="3"></col>
        <col style="width:260px;"></col>
    </colgroup>
    <tr>
        <th>等级</th>
        <th>掘力值</th>
        <th>身份</th>
        <th>权限</th>
    </tr>
    <tr>
        <td>Lv3</td>
        <td>1000</td>
        <td></td>
        <td>开发中</td>
    </tr>
    <tr>
        <td>Lv4</td>
        <td>5000</td>
        <!--data-src表示真正图片得路径-->
        <td><img style="vertical-align: text-bottom; height: 16px;" class="lazyload inited loaded"
                 src="https://user-gold-cdn.xitu.io/2019/5/5/16a86a487f1f53ea?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
            掘金优秀作者</td>
        <td>自动推荐至首页，专栏添加 2 个标签</td>
    </tr>
    <tr>
        <td>Lv5</td>
        <td>10000</td>
        <td></td>
        <td>小册写作权限</td>
    </tr>
    <tr>
        <td>Lv6</td>
        <td>20000</td>
        <td><img style="vertical-align: text-bottom; height: 16px;" class="lazyload inited loaded"
                 src="https://user-gold-cdn.xitu.io/2019/5/5/16a86a50661ca87b?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
            掘金共建者</td>
        <td>提交、维护标签，掘金共建者证书</td>
    </tr>
    <tr>
        <td>Lv4</td>
        <td>5000</td>
        <!--data-src表示真正图片得路径-->
        <td><img style="vertical-align: text-bottom; height: 16px;" class="lazyload inited loaded"
                 src="https://user-gold-cdn.xitu.io/2019/5/5/16a86a487f1f53ea?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
            掘金优秀作者</td>
        <td>自动推荐至首页，专栏添加 2 个标签</td>
    </tr>
    <tr>
        <td>Lv5</td>
        <td>10000</td>
        <td></td>
        <td>小册写作权限</td>
    </tr>
    <tr>
        <td>Lv6</td>
        <td>20000</td>
        <td><img style="vertical-align: text-bottom; height: 16px;" class="lazyload inited loaded"
                 src="https://user-gold-cdn.xitu.io/2019/5/5/16a86a50661ca87b?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
            掘金共建者</td>
        <td>提交、维护标签，掘金共建者证书</td>
    </tr>
    <tr>
        <td>Lv4</td>
        <td>5000</td>
        <!--data-src表示真正图片得路径-->
        <td><img style="vertical-align: text-bottom; height: 16px;" class="lazyload inited loaded"
                 src="https://user-gold-cdn.xitu.io/2019/5/5/16a86a487f1f53ea?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
            掘金优秀作者</td>
        <td>自动推荐至首页，专栏添加 2 个标签</td>
    </tr>
    <tr>
        <td>Lv5</td>
        <td>10000</td>
        <td></td>
        <td>小册写作权限</td>
    </tr>
    <tr>
        <td>Lv6</td>
        <td>20000</td>
        <td><img style="vertical-align: text-bottom; height: 16px;" class="lazyload inited loaded"
                 src="https://user-gold-cdn.xitu.io/2019/5/5/16a86a50661ca87b?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
            掘金共建者</td>
        <td>提交、维护标签，掘金共建者证书</td>
    </tr>
    <tr>
        <td>Lv4</td>
        <td>5000</td>
        <!--data-src表示真正图片得路径-->
        <td><img style="vertical-align: text-bottom; height: 16px;" class="lazyload inited loaded"
                 src="https://user-gold-cdn.xitu.io/2019/5/5/16a86a487f1f53ea?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
            掘金优秀作者</td>
        <td>自动推荐至首页，专栏添加 2 个标签</td>
    </tr>
    <tr>
        <td>Lv5</td>
        <td>10000</td>
        <td></td>
        <td>小册写作权限</td>
    </tr>
    <tr>
        <td>Lv6</td>
        <td>20000</td>
        <td><img style="vertical-align: text-bottom; height: 16px;" class="lazyload inited loaded"
                 src="https://user-gold-cdn.xitu.io/2019/5/5/16a86a50661ca87b?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
            掘金共建者</td>
        <td>提交、维护标签，掘金共建者证书</td>
    </tr>
    <tr>
        <td>Lv4</td>
        <td>5000</td>
        <!--data-src表示真正图片得路径-->
        <td><img style="vertical-align: text-bottom; height: 16px;" class="lazyload inited loaded"
                 src="https://user-gold-cdn.xitu.io/2019/5/5/16a86a487f1f53ea?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
            掘金优秀作者</td>
        <td>自动推荐至首页，专栏添加 2 个标签</td>
    </tr>
    <tr>
        <td>Lv5</td>
        <td>10000</td>
        <td></td>
        <td>小册写作权限</td>
    </tr>
    <tr>
        <td>Lv6</td>
        <td>20000</td>
        <td><img style="vertical-align: text-bottom; height: 16px;" class="lazyload inited loaded"
                 src="https://user-gold-cdn.xitu.io/2019/5/5/16a86a50661ca87b?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
            掘金共建者</td>
        <td>提交、维护标签，掘金共建者证书</td>
    </tr>
    <tr>
        <td>Lv4</td>
        <td>5000</td>
        <!--data-src表示真正图片得路径-->
        <td><img style="vertical-align: text-bottom; height: 16px;" class="lazyload inited loaded"
                 src="https://user-gold-cdn.xitu.io/2019/5/5/16a86a487f1f53ea?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
            掘金优秀作者</td>
        <td>自动推荐至首页，专栏添加 2 个标签</td>
    </tr>
    <tr>
        <td>Lv5</td>
        <td>10000</td>
        <td></td>
        <td>小册写作权限</td>
    </tr>
    <tr>
        <td>Lv6</td>
        <td>20000</td>
        <td><img style="vertical-align: text-bottom; height: 16px;" class="lazyload inited loaded"
                 src="https://user-gold-cdn.xitu.io/2019/5/5/16a86a50661ca87b?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
            掘金共建者</td>
        <td>提交、维护标签，掘金共建者证书</td>
    </tr>
    <tr>
        <td>Lv4</td>
        <td>5000</td>
        <!--data-src表示真正图片得路径-->
        <td><img style="vertical-align: text-bottom; height: 16px;" class="lazyload inited loaded"
                 src="https://user-gold-cdn.xitu.io/2019/5/5/16a86a487f1f53ea?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
            掘金优秀作者</td>
        <td>自动推荐至首页，专栏添加 2 个标签</td>
    </tr>
    <tr>
        <td>Lv5</td>
        <td>10000</td>
        <td></td>
        <td>小册写作权限</td>
    </tr>
    <tr>
        <td>Lv6</td>
        <td>20000</td>
        <td><img style="vertical-align: text-bottom; height: 16px;" class="lazyload inited loaded"
                 src="https://user-gold-cdn.xitu.io/2019/5/5/16a86a50661ca87b?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
            掘金共建者</td>
        <td>提交、维护标签，掘金共建者证书</td>
    </tr>
    <tr>
        <td>Lv4</td>
        <td>5000</td>
        <!--data-src表示真正图片得路径-->
        <td><img style="vertical-align: text-bottom; height: 16px;" class="lazyload inited loaded"
                 src="https://user-gold-cdn.xitu.io/2019/5/5/16a86a487f1f53ea?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
            掘金优秀作者</td>
        <td>自动推荐至首页，专栏添加 2 个标签</td>
    </tr>
    <tr>
        <td>Lv5</td>
        <td>10000</td>
        <td></td>
        <td>小册写作权限</td>
    </tr>
    <tr>
        <td>Lv6</td>
        <td>20000</td>
        <td><img style="vertical-align: text-bottom; height: 16px;" class="lazyload inited loaded"
                 src="https://user-gold-cdn.xitu.io/2019/5/5/16a86a50661ca87b?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
            掘金共建者</td>
        <td>提交、维护标签，掘金共建者证书</td>
    </tr>
    <tr>
        <td>Lv4</td>
        <td>5000</td>
        <!--data-src表示真正图片得路径-->
        <td><img style="vertical-align: text-bottom; height: 16px;" class="lazyload inited loaded"
                 src="https://user-gold-cdn.xitu.io/2019/5/5/16a86a487f1f53ea?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
            掘金优秀作者</td>
        <td>自动推荐至首页，专栏添加 2 个标签</td>
    </tr>
    <tr>
        <td>Lv5</td>
        <td>10000</td>
        <td></td>
        <td>小册写作权限</td>
    </tr>
    <tr>
        <td>Lv6</td>
        <td>20000</td>
        <td><img style="vertical-align: text-bottom; height: 16px;" class="lazyload inited loaded"
                 src="https://user-gold-cdn.xitu.io/2019/5/5/16a86a50661ca87b?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
            掘金共建者</td>
        <td>提交、维护标签，掘金共建者证书</td>
    </tr>

</table>
</body>
</html>